const { defineConfig } = require("@vue/cli-service");

const webpack = require("webpack");
const path = require("path");

function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false,
  configureWebpack: {
    resolve: {
      alias: {
        "@": require("path").resolve(__dirname, "src"),
      },
    },
  },
  // // 配置服务器的代理设置
  devServer: {
    // 代理配置，用于重定向请求到其他服务器
    open: false, // 是否自动弹出浏览器页面
    proxy: {
      "/api": {
        // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的
        target: "http://localhost:8000", //目标地址，一般是指后台服务器地址
        changeOrigin: true, // 是否跨域
        ws: true, // 是否代理 websockets
        secure: false, // 是否https接口

        // 重写请求路径，移除/hello-world前缀
        // rewrite: (path) => path.replace(/^\/api/, ""),
        pathRewrite: {
          "^/api": "",
        },
      },
    },
  },
});
